<section>
	<article class="p-4">
		<h1>Credits</h1>
		<div>
			<section>
				<p>
					First of all a huge shoutout to
					<a
						target="_blank"
						rel="noopener noreferrer"
						href="https://twitter.com/adamwathan"
					>
						Adam Wathan
					</a>
					and
					<a
						target="_blank"
						rel="noopener noreferrer"
						href="https://twitter.com/steveschoger"
					>
						Steve Schoger
					</a>
					, the creators of Tailwind CSS.
				</p>
			</section>

			<section>
				<h2>Inspiration</h2>
				<p>
					Most people wouldn't showcase their "competitors" on their own site but since
					this is open-sourced and made for the community, I decided to give these few
					people shoutouts.
				</p>
				<h3>Free UI kits</h3>
				<ul>
					<li>
						<a target="_blank" rel="noopener noreferrer" href="https://tailblocks.cc/">
							Tailblocks
						</a>
						by Mert Cukuren
					</li>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://www.tailwind-kit.com/"
						>
							Tail-kit
						</a>
						by Charlie Rabiller
					</li>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://www.tailwindtoolbox.com"
						>
							Tailwind Toolbox
						</a>
						by Amrit Nagi
					</li>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://kitwind.io/products/kometa/components"
						>
							Kometa UI Kit
						</a>
						by Kitwind
					</li>
					<li>
						<a target="_blank" rel="noopener noreferrer" href="https://lofiui.co/">
							Lofi UI
						</a>
						by Rob Stinson
					</li>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://treact.owaiskhan.me/"
						>
							Treact
						</a>
						by Owais Khan
					</li>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://kutty.netlify.app/"
						>
							Kutty
						</a>
						by Praveen Juge
					</li>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://componentity.com/category/tailwindcss/"
						>
							Componentity
						</a>
						by CodeNawis
					</li>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://blocks.wickedtemplates.com/"
						>
							Wickedblocks
						</a>
						by Michael Andreuzza and Gabriel Perales
					</li>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://www.hyperui.dev/"
						>
							HyperUI
						</a>
						by Mark Mead
					</li>
				</ul>
				<h3>Premium UI Kits</h3>
				<ul>
					<li>
						<a target="_blank" rel="noopener noreferrer" href="https://tailwindui.com/">
							Tailwind UI
						</a>
						The official UI kit designed and developed by the creators of Tailwind CSS
					</li>
				</ul>
			</section>

			<section>
				<h2>Artwork</h2>

				<h3>Animations</h3>
				<ul>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://codepen.io/milanraring/pen/KKwRBQp"
						>
							Power switch animation
						</a>
						by
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://twitter.com/MilanRaring"
						>
							Milan Raring
						</a>
					</li>
				</ul>

				<h3>Icons</h3>
				<ul>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://icons.coreui.io/icons/"
						>
							CoreUI Free Icons
						</a>
						by CoreUI (CC BY 4.0 license)
					</li>
					<li>
						<a target="_blank" rel="noopener noreferrer" href="https://heroicons.com/">
							Heroicons
						</a>
						by the creators of Tailwind CSS (MIT license)
					</li>
				</ul>

				<h3>Illustrations</h3>
				<ul>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://lukaszadam.com/illustrations"
						>
							Free illustrations
						</a>
						by Lukasz Adam (MIT License)
					</li>
				</ul>
			</section>

			<section>
				<h2>Other</h2>

				<h3>Code highlighting</h3>
				<ul>
					<li>
						<a target="_blank" rel="noopener noreferrer" href="https://prismjs.com/">
							Prism.js
						</a>
					</li>
					<li>
						Light theme:
						<a
							href="https://github.com/PrismJS/prism-themes/blob/master/themes/prism-coy-without-shadows.css"
						>
							Coy without shadows
						</a>
						by
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://github.com/RunDevelopment"
						>
							by RunDevelopment
						</a>
						(based on Tim Shedor's Coy theme)
					</li>
					<li>
						Dark theme:
						<a
							href="https://github.com/PrismJS/prism-themes/blob/master/themes/prism-material-dark.css"
						>
							Material Dark
						</a>
						by
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://github.com/dutchenkoOleg"
						>
							dutchenkoOleg
						</a>
					</li>
				</ul>

				<h3>Analytics</h3>
				<ul>
					<li>
						<a target="_blank" rel="noopener noreferrer" href="https://plausible.io/">
							Plausible analytics
						</a>
						, an open-sourced and privacy-friendly Google Analytics alternative.
					</li>
				</ul>

				<h3>Hosting</h3>
				<ul>
					<li>
						<a
							target="_blank"
							rel="noopener noreferrer"
							href="https://www.digitalocean.com/products/app-platform/"
						>
							Digital Ocean App platform
						</a>
					</li>
				</ul>
			</section>
		</div>
	</article>
</section>
